<template>
<div class="slideContainer">
    <div class="carousel_img">
        <picture>
            <img :src="rc_video.coverUrl" alt="">
        </picture>
    </div>
</div>
</template>
<script>
export default{
    data(){
        return{

        }
    },
    props: {  
    rc_video: {  
      type: Object,  
      required: true,  
      default: () => ({})  
    }  
}
}
</script>
<style>
.slideContainer{
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex: 0 0 100%;
}
.carousel_img img{
    width: 100%;
    overflow: hidden;
    object-fit: cover;
}

</style>